import Vue from 'vue'
import Router from 'vue-router'
import Content from '@/components/Content'
import Hello from '@/components/Hello'
import Detail from '@/components/Detail'
import Navigation from '@/components/Navigation'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'hello',
      components: {
        nav: Navigation,
        content: Hello
      }
    },
    {
      path: '/category/:id',
      name: 'content',
      components: {
        nav: Navigation,
        content: Content
      }
    },
    {
      path: '/detail/:id',
      name: 'detail',
      components: {
        content: Detail
      }
    }
  ]
})
